<template>
<view>
    <view class="noData" v-if="isAvailable != 0">
        <!-- <image src="../../pagesSub/static/images/btn_h_ke@2x.png" mode=""></image> -->
        <image style="width: 400rpx; height: 400rpx;" src="../../static/images/icon_lack_message@2x.png" mode=""></image>
        <h4 style="font-size: 50rpx; color: #4cccbf;">处 方 已 被 使 用</h4>
        <view class="gray_font" style="font-size: 30rpx; margin-top: 15rpx;">
            详情请咨询主治医师
        </view>
    </view>
    <view class="noData" v-if="confirmRes && confirmRes.length > 0">
        <view class="gray_font" style="font-size: 30rpx;">{{ confirmRes }}</view>
    </view>
    <view class="" v-if="isAvailable != 1 && drugRes.wxReserveDrugResponseBodies.length > 0">
        <view class="record_content" v-if="storeType == 1">
            <view style="width: 100%; display: flex; justify-content: space-between;">
                <view style="display: flex;">
                    <view>
                        <image class="doctor_header" v-if="drugRes.doctorAvatar" :src="drugRes.doctorAvatar"></image>
                    </view>
                    <view class="record_info">
                        <view class="line1Overflow">
                            <text style="
                    font-size: 32rpx;
                    font-weight: bold;
                    margin-right: 10rpx;
                  ">
                                {{ drugRes.doctorName ? drugRes.doctorName : '' }}
                            </text>
                            <text style="margin-left: 15rpx;">
                                {{ drugRes.deptName ? drugRes.deptName : '' }}
                            </text>
                            <text style="padding: 0 10rpx;" v-if="drugRes.jobName">|</text>
                            <text>{{ drugRes.jobName ? drugRes.jobName : '' }}</text>
                        </view>
                        <view class="" style="margin-top: 5px;">
                            <text style="font-size: 29rpx;">
                                {{ drugRes.hospitalName ? drugRes.hospitalName : '' }}
                            </text>
                        </view>
                        <view class="" style="margin-top: 5px;">
                            <text>{{ drugRes.storeName ? drugRes.storeName : '' }}</text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view class="record_content" v-if="storeType == 5">
            <!-- 药店服务人员 显示药店信息 -->
            <view style="width: 100%; display: flex; justify-content: space-between;">
                <view style="display: flex;">
                    <view>
                        <image class="doctor_header" v-if="drugRes.storeLogo" :src="drugRes.storeLogo"></image>
                    </view>
                    <view class="record_info">
                        <view class="line1Overflow">
                            <text style="
                    font-size: 32rpx;
                    font-weight: bold;
                    margin-right: 10rpx;
                  ">
                                {{ drugRes.doctorName ? drugRes.doctorName : '' }}
                            </text>
                            <text>{{ drugRes.storePhone ? drugRes.storePhone : '' }}</text>
                        </view>
                        <view class="" style="margin-top: 5px;">
                            <text>{{ drugRes.storeName ? drugRes.storeName : '' }}</text>
                        </view>
                        <view class="" style="margin-top: 5px;">
                            <text style="font-size: 29rpx; color: #999999;">
                                {{ drugRes.storeAddress ? drugRes.storeAddress : '' }}
                            </text>
                        </view>
                    </view>
                </view>
            </view>
        </view>
        <view class="pad30 des-title">处方号：{{ drugRes.number || '' }}</view>
        <view style="padding-bottom: 180rpx;">
            <uni-list v-for="(item, index) in drugRes.wxReserveDrugResponseBodies" :key="index">
                <view class="pad10" :key="index">
                    <view class="drugsInfo">
                        <checkbox-group class="block" style="width: 100%;" @change="selectDrug(item, index)">
                            <label class="uni-list-cell uni-list-cell-pd drugsInfo">
                                <checkbox :checked="item.checked" :value="item.drugPrice" color="#4CCCBF" style="transform: scale(0.7);" />

                                <view class=" " style="width: 93%;">
                                    <view style="margin-bottom: 4px;">
                                        <span class="tagsColor">非处方药</span>
                                        <text class="txtName">{{ item.drugName || '' }}</text>
                                    </view>
                                    <view class="gray_font" style="font-size: 14px;">
                                        <p class="rightMargin" v-if="item.drugSpecification">
                                            规格：{{ item.drugSpecification || '' }}
                                        </p>
                                        <p class="rightMargin">
                                            生产厂家：{{ item.factoryName || '' }}
                                        </p>
                                    </view>

                                    <view class="" style="
                        display: flex;
                        justify-content: space-between;
                        font-size: 14px;
                      ">
                                        <text class="greenColor">
                                            ￥{{ item.drugPrice || '0' }}
                                        </text>
                                        <text>x{{ item.drugCount || '' }}</text>
                                    </view>
                                </view>
                            </label>
                        </checkbox-group>
                    </view>
                </view>
            </uni-list>
        </view>
        <view class="footer-wrap pad30">
            <checkbox-group class="checkbox-wrap" @change="allSelect">
                <label>
                    <checkbox :checked="allSelected" :value="drugRes.price" color="#4CCCBF" style="transform: scale(0.7);" />
                    全选
                </label>
            </checkbox-group>
            <view class="btn-wrap">
                <text>合计：</text>
                <text class="greenColor" style="font-weight: 900;">
                    ￥{{ allPrice || 0 }}
                </text>
                <button style="
              background: -webkit-linear-gradient(#77e2a4, #4ccdbc);
              width: 150rpx;
              color: #ffffff;
              line-height: 80rpx;
              font-size: 30rpx;
              margin: 10rpx 0 10rpx 10rpx;
              display: inline-block;
            " type="default" @click="openDialog">
                    结算
                </button>
            </view>
        </view>
    </view>
    <!-- 就诊人弹窗 -->
    <uni-popup ref="patientPopup" type="dialog">
        <view class="dialog-wrap">
            <h4 style="text-align: center; margin-bottom: 15px;">确认就诊人信息</h4>
            <view class="tag-wrap">
                <uni-row>
                    <span v-for="(item, index) in patientList" :key="index">
                        <uni-tag size="small" span="8" class="tagInfo" :text="item.name" :key="index" :inverted="
                  selectArr.indexOf(Number(index)) != -1 ? false : true
                " type="success" @click="getUserInfo(item, index)" custom-style="font-size:14px;padding: 3px 10px;"></uni-tag>
                    </span>
                </uni-row>
            </view>
            <uni-forms ref="valiForm" :rules="rules" :modelValue="valiFormData">
                <view class="formInfo pad30">
                    <uni-forms-item label="姓名" required name="name">
                        <input class="inputTxt" v-model="valiFormData.name" :disabled="isDisabled" :clearable="false" :inputBorder="false" placeholder="请输入姓名" />
                    </uni-forms-item>
                    <uni-forms-item label="身份证号" required name="idCard">
                        <input class="inputTxt" trim="both" :disabled="isDisabled" clearable type="idcard" :inputBorder="false" v-model="valiFormData.idCard" value="" placeholder="请输入身份证号" />
                    </uni-forms-item>
                    <uni-forms-item label="手机号" required name="phone">
                        <input class="inputTxt" v-model="valiFormData.phone" :disabled="isDisabled" :inputBorder="false" placeholder="请输入手机号" />
                    </uni-forms-item>
                    <uni-forms-item label="关系" required name="relation">
                        <input class="inputTxt" :disabled="isDisabled" v-if="isDisabled" v-model="valiFormData.relation" :inputBorder="false" />

                        <picker mode="selector" range-key="dictLabel" :value="relation" :range="relationList" v-else :class="isDisabled == true ? is - disable : ''" @change="changeRelation('relation', $event.detail.value)">
                            <input class="inputTxt" v-model="valiFormData.relation" disabled="true" :inputBorder="false" placeholder="请选择关系" />
                        </picker>
                    </uni-forms-item>
                </view>
            </uni-forms>
            <button type="primary" style="
            margin-top: 20px;
            width: 81px;
            line-height: 30px;
            color: #ffffff;
            font-size: 16px;
            padding: 10rpx 30rpx;
            background: -webkit-linear-gradient(#77e2a4, #4ccdbc);
          " :disabled="disabledSave1" @click="submit('valiForm')">
                提交
            </button>
        </view>
    </uni-popup>
</view>
</template>

<script>
import {
    drugInfo,
    getPatientIdByPrescriptionId,
    realName,
    confirmRP,
} from '@/api/my.js'
import {
    patientList
} from '@/api/prescribing.js'
import {
    getDicts
} from '@/api/common.js'
import {
    openWenzhenSubscribe,
    weChatListTempSet,
} from '@/utils/SubscribeMessage.js'

export default {
    data() {
        return {
            storeType: '', //
            selectArr: [],
            disabledSave1: false,
            patientId: 0, //就诊人id
            isRealName: false,
            orderType: 0,
            confirmRes: '', //处方结果
            isAvailable: 0, //是否已被扫描  0--可用 1--已使用，不可用
            drugsList: [], //选中的药品
            checkedArr: [], //全选的药品列表
            // newArr:[], //选择的药品
            allPrice: '', //总价
            allSelected: false, //是否全选
            // isSelected:false, //单个药品选择
            isDisabled: false,
            defaultName: '', //默认信息名字
            clickPatientTag: 0, //
            drugName: '',
            drugId: 0, //处方id
            drugRes: {
                wxReserveDrugResponseBodies: [],
            }, //处方信息
            patientList: [], //就诊人列表
            valiFormData: {
                name: '',
                idCard: '',
                phone: '',
                // verifyCode: '',
                relation: this.relationValue,
            }, //就诊人信息
            relationList: [], //关系列表
            // isVerified: 0, //
            relation: 0,
            relationValue: '', //
            sex: 0,
            sexValue: '', //男女
            sexList: [{
                    id: 1,
                    name: '男',
                },
                {
                    id: 2,
                    name: '女',
                },
            ],
            rules: {
                name: {
                    rules: [{
                        required: true,
                        errorMessage: '姓名不能为空',
                    }, ],
                },
                idCard: {
                    rules: [{
                        required: true,
                        errorMessage: '身份证号不能为空',
                    }, ],
                },
                phone: {
                    rules: [{
                        required: true,
                        errorMessage: '手机号不能为空',
                    }, ],
                },
                relation: {
                    rules: [{
                        required: true,
                        errorMessage: '关系不能为空',
                    }, ],
                },
            },
            params: {},
            option: {},
        }
    },
    onShow() {
        this.confirmRes = ''

        let pagearr = getCurrentPages() //获取应用页面栈
        let currentPage = pagearr[pagearr.length - 1] //获取当前页面信息
        let option = currentPage.options //获取页面传递的信息
        let params = decodeURIComponent(option.q) // 扫码传参的
        // this.option = option;
        // this.params = params;
        // return
        // 先判断跳转页面的option 无params ，如果是二维码，有params
        if (option) {
            //聊天页面跳转链接---6
            this.drugId = option.id || 36 //143;  //18
            this.orderType = option.orderType || 6 //4--扫码购药  6--开具处方
            this.storeType = option.storeType //角色
        }
        if (params) {
            // 扫码购药---4
            let url = params.substring(params.indexOf('?')) //获取url中"?"符后的字串
            let theRequest = new Object()
            if (url.indexOf('?') != -1) {
                let str = url.substr(1)
                let strs = str.split('&')
                for (let i = 0; i < strs.length; i++) {
                    theRequest[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1])
                }
                // if(option){  27、36 现场开方   30--开具处方
                this.drugId = theRequest.id || '' //143;  //18
                this.orderType = theRequest.orderType || 4 //4--扫码购药  6--开具处方
            }
        }
        //检查缓存是否有模板，如果有不处理，如果没有缓存模板
        weChatListTempSet()
            .then((res) => {})
            .catch((err) => {
                console.log(err)
            })

        // this.drugId = 1 //143;  //18
        // this.orderType = 4; //4--扫码购药  6--开具处方
        // 扫码确认处方
        this.scanConfirmRP()
        // console.log(this.allSelected,'99999')
    },
    methods: {
        // 扫码确认是否被扫描过
        scanConfirmRP() {
            uni.showLoading({
                title: '加载中',
            })
            confirmRP(this.drugId)
                .then((res) => {
                    // console.log(res, '扫码确认id')
                    uni.hideLoading()
                    if (res.code == 200) {
                        this.isAvailable = res.data.isAvailable
                        if (this.isAvailable != 1) {
                            // 没有被扫描过
                            this.getDrugInfo()
                            // 根据处方id获取就诊人信息
                            this.getId()
                            // 获取关系数据
                            // this.getRelation()
                            // 获取就诊人列表
                            // this.getPatientList()
                        }
                    }
                })
                .catch((err) => {
                    uni.hideLoading()
                    console.log(err, '扫码确认err')
                    this.confirmRes = err
                    uni.showToast({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    })
                })
        },

        // 选择单个药品
        selectDrug(item, index) {
            item.checked = !item.checked
            if (!item.checked) {
                this.allSelected = false
                // 取消选中某一个
                // console.log('选中的是', item)
                for (let i = 0; i < this.checkedArr.length; i++) {
                    let itemI = this.checkedArr[i]
                    if (itemI.drugId == item.drugId) {
                        this.allPrice = parseFloat(
                            (this.allPrice * 100 - item.drugCount * item.drugPrice * 100) /
                            100,
                        ).toFixed(2)
                    }
                }
            } else {
                // 判断每一个商品是否是被选择的状态
                const cartList = this.checkedArr.every((item) => {
                    return item.checked === true
                })
                // console.log(cartList, '999--')
                if (cartList) {
                    // 全部选中时
                    this.allSelected = true
                    this.allPrice = this.drugRes.price //
                } else {
                    this.allSelected = false
                    for (let i = 0; i < this.checkedArr.length; i++) {
                        let itemI = this.checkedArr[i]
                        if (itemI.drugId == item.drugId) {
                            this.allPrice = parseFloat(
                                (this.allPrice * 100 + item.drugCount * item.drugPrice * 100) /
                                100,
                            ).toFixed(2)
                        }
                    }
                }
            }
        },
        // 全选
        allSelect(e) {
            this.allSelected = !this.allSelected
            if (this.allSelected) {
                this.drugRes.wxReserveDrugResponseBodies.map((item) => {
                    item.checked = true
                })
                this.allPrice = this.drugRes.price
            } else {
                this.drugRes.wxReserveDrugResponseBodies.map((item) => {
                    item.checked = false
                })
                this.allPrice = 0
            }
        },
        // 校验身份证
        // isIdCard(card) {
        // 	// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
        // 	var reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
        // 	// console.log(card, reg.test(card.target.value), '999----');
        // 	if (reg.test(card.target.value) === false) {
        // 		// alert("身份证输入不合法");
        // 		this.$util.Tips({
        // 		title: '身份证输入不合法'
        // 		});
        // 		return false;
        // 	}
        // },
        // 获取关系数据
        getRelation() {
            uni.showLoading({
                title: '加载中',
            })
            // 查询关系字典
            getDicts({
                    dictType: 'xy_relation_type',
                })
                .then((res) => {
                    // console.log(res, '字典关系9--');
                    this.relationList = res.data
                    uni.hideLoading()
                })
                .catch((err) => {
                    uni.hideLoading()
                    uni.showToast({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    })
                })
        },
        // 切换关系
        changeRelation(name, value) {
            this.valiFormData.relation = this.relationList[value].dictValue
            this.relationValue = this.relationList[value].dictLabel
        },

        // 默认处方的患者
        getId() {
            uni.showLoading({
                title: '加载中',
            })
            getPatientIdByPrescriptionId({
                    prescriptionId: this.drugId,
                })
                .then((res) => {
                    uni.hideLoading()
                    this.valiFormData = res.data
                    this.defaultName = res.data.name
                    this.sexValue = res.data.sex == 1 ? '男' : res.data.sex == 2 ? '女':''
                    this.relationValue = this.valiFormData.relation || ''
                    this.valiFormData.id = res.data.id //就诊人id
                    this.patientId = res.data.id
                })
                .catch((err) => {
                    uni.hideLoading()
                    uni.showToast({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    })
                })
        },

        // 获取单个就诊人信息
        getUserInfo(item, index) {
            this.selectArr = []
            this.selectArr.push(index)

            if (item.isVerified == 1) {
                // 未实名 --取消置灰
                this.isDisabled = false
            } else {
                // 已实名
                this.isDisabled = true
            }
            this.valiFormData = {}
            // 把列表的这一项赋值给valiFormData后渲染
            this.valiFormData = item
            this.relationValue = this.valiFormData.relation
            this.valiFormData.id = item.patientId //就诊人id
            if (index == this.patientList.length - 1) {
                this.clearFormData()
            }
        },
        // 新增就诊人
        clearFormData() {
            this.isDisabled = false
            this.valiFormData = {}
            this.relationValue = ''
            this.valiFormData.name = this.defaultName
            this.valiFormData.id = this.patientId
            // console.log(this.defaultName, this.valiFormData, '默认8888')
        },
        submit(ref) {
            this.$refs[ref].validate((valid) => {
                if (valid == null) {
                    this.valiFormData.prescriptionId = this.drugId
                    if (!this.valiFormData.name) {
                        uni.showToast({
                            title: '请填写姓名！',
                            icon: 'none',
                            duration: 3000,
                        })
                        return
                    }
                    if (!this.valiFormData.idCard) {
                        uni.showToast({
                            title: '请填写身份证号！',
                            icon: 'none',
                            duration: 3000,
                        })
                        return
                    }
                    // this.isIdCard(this.valiFormData.idCard); //校验身份证号
                    if (!this.valiFormData.phone) {
                        uni.showToast({
                            title: '请填写手机号！',
                            icon: 'none',
                            duration: 3000,
                        })
                        return
                    }
                    if (!/^1(3|4|5|7|8|9|6)\d{9}$/i.test(this.valiFormData.phone))
                        return uni.showToast({
                            title: '请输入正确的手机号码',
                            icon: 'none',
                            duration: 3000,
                        })
                    if (!this.valiFormData.relation) {
                        uni.showToast({
                            title: '请选择关系！',
                            icon: 'none',
                            duration: 3000,
                        })
                        return
                    }
                    let item = encodeURIComponent(JSON.stringify(this.drugsList))
                    this.disabledSave1 = true
                    // 实名认证
                    uni.showLoading({
                        title: '加载中',
                    })
                    realName(this.valiFormData)
                        .then((res) => {
                            uni.hideLoading()
                            this.disabledSave1 = false

                            if (res.code == 200) {
                                let patientId = res.data.id
                                //询问小程序是否允许发通知消息
                                openWenzhenSubscribe()
                                    .then((res) => {
                                        // 跳转到支付页
                                        uni.redirectTo({
                                            url: `/pagesSub-My/my/confirmOrder?drugId=${this.drugId}&patientId=${patientId}&item=${item}&price=${this.allPrice}`,
                                        })
                                    })
                                    .catch((err) => {
                                        console.log(err)
                                    })

                                this.$refs.patientPopup.close()
                            } else {
                                uni.showToast({
                                    title: err,
                                    icon: 'none',
                                    duration: 3000,
                                })
                            }
                            // console.log(res, '添加就诊人');
                        })
                        .catch((err) => {
                            this.disabledSave1 = false
                            uni.hideLoading()
                            uni.showToast({
                                title: err,
                                icon: 'none',
                                duration: 3000,
                            })
                        })
                }
            })
        },
        // 获取处方信息
        getDrugInfo() {
            uni.showLoading({
                title: '加载中',
            })
            drugInfo(this.drugId)
                .then((res) => {
                    this.drugRes = res.data

                    this.checkedArr = res.data.wxReserveDrugResponseBodies.map((item) => {
                        item.checked = true
                        return item
                    })
                    this.allPrice = res.data.price
                    this.allSelect() //执行全选的逻辑
                    this.$set(this, 'drugRes', res.data)
                    uni.hideLoading()
                })
                .catch((err) => {
                    uni.hideLoading()
                    uni.showToast({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    })
                })
        },
        // 打开弹窗 获取默认就诊人信息
        async openDialog() {
            this.isDisabled = false
            // 判断下是否选中药品， 没有return
            this.drugsList = this.checkedArr.filter((item) => item.checked == true)
            if (this.drugsList.length <= 0) {
                uni.showToast({
                    title: '请选择药品后结算',
                    icon: 'none',
                    duration: 3000,
                })
                return
            }
            // this.getRelation()
            // if (this.orderType != 6) {
            //   // ==4 现场开方
            //   this.$refs.patientPopup.open('center')
            //   uni.showLoading({
            //     title: '加载中',
            //   })
            //   // 查询关系字典
            //   this.patientList.map((item, index) => {
            //     if (this.valiFormData.id == item.patientId) {
            //       // 默认处方的id跟列表中某个patientId相同的话 选中那个tag 高亮,信息回显上去
            //       this.valiFormData = item
            //       this.valiFormData.id = item.patientId
            //       this.selectArr.push(Number(index)) // 把默认就诊人选中
            //       item.selected = true
            //       // console.log(this.valiFormData, '实打实kgldf 00----')
            //       this.isDisabled = true //不可编辑
            //     }
            //   })
            // } else {
            // 	// 开具处方---已经明确是哪个人，直接跳转页面生成订单
            //询问小程序是否允许发通知消息
            openWenzhenSubscribe()
                .then((res) => {
                    let item = encodeURIComponent(JSON.stringify(this.drugsList))
                    // 跳转到支付页
                    uni.redirectTo({
                        url: `/pagesSub-My/my/confirmOrder?drugId=${this.drugId}&patientId=${this.patientId}&item=${item}&price=${this.allPrice}`,
                        // patientId=${patientId}&
                    })
                })
                .catch((err) => {
                    console.log(err)
                })
            // }
        },
        getPatientList() {
            uni.showLoading({
                title: '加载中',
            })
            patientList()
                .then((res) => {
                    uni.hideLoading()
                    this.patientList = res.rows

                    this.patientList.push({
                        name: ' + 新就诊人',
                    })
                    // 默认都不选中
                    this.patientList.map((item) => {
                        item.selected = false
                    })
                })
                .catch((err) => {
                    uni.hideLoading()
                    uni.showToast({
                        title: err,
                        icon: 'none',
                        duration: 3000,
                    })
                })
        },
    },
}
</script>

<style>
.record_content {
    display: flex;
    padding: 20rpx 20rpx;
    background-color: #ffffff;
    /* position: absolute;

left: 30rpx;

right: 30rpx; */
    top: 280rpx;
    border-radius: 10rpx;
}

.doctor_header {
    border-radius: 100%;
    background-color: #ffffff;
    width: 90rpx;
    height: 90rpx;
    border: 1px solid #999999;
}

.record_info {
    margin-left: 20rpx;
    font-size: 30rpx;
    margin-top: 10rpx;
    max-width: 600rpx;
}

.des-title {
    line-height: 60rpx;
    border-bottom: 1px solid #f1f1f1;
    background-color: #ffffff;
    font-size: 28rpx;
}

.noData {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 160rpx;
}

.noData>image {
    width: 60px;
    height: 60px;
}

.noData>view {
    font-size: 12px;
}

.drugsInfo {
    padding: 10rpx;
    display: flex;
}

.tagsColor {
    background-color: #def1de;
    color: #94ca91;
    padding: 4rpx 8rpx;
    border-radius: 14rpx;
    font-size: 12px;
    margin-right: 10rpx;
}

.greenColor {
    color: #4cccbf;
}

.footer-wrap {
    line-height: 100rpx;
    padding-top: 10rpx;
    position: fixed;
    bottom: 0;
    width: 92%;
    background-color: #fff;
    font-size: 30rpx;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box;
}

.checkbox-wrap {
    float: left;
}

.btn-wrap {
    float: right;
    display: flex;
}

.dialog-wrap {
    width: 280px;
    background-color: #ffffff;
    padding: 30rpx;
    border-radius: 20rpx;
}

.tag-wrap {
    display: flex;
    justify-content: space-around;
    margin: 12px;
}

.tagInfo {
    cursor: pointer;
    margin-right: 10rpx;
    font-size: 10px;
    height: 60rpx;
    display: inline-block;
}

.txtName {
    font-size: 16px;
}

.rightMargin {
    margin-bottom: 4px;
}

.inputTxt {
    margin-top: 10rpx;
}

.is-disable {
    pointer-events: none;
}

.pad10 {
    padding: 0 20rpx 0 6rpx;
}
</style>
